<!DOCTYPE HTML>
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link ref="style.css" href="stylesheet" type="text/css"></linkhref>
    <title>百度一下，你就知道</title>
<style>
    *{
    padding: 0;
    margin: 0;
}

html,body{
overflow:hidden;
height:100%;
}

.top{
    font-size: 14px;
    font-weight:bold;
    text-align: right;
    }

.top a{
    color: black;
    margin-left: 13px;
    }

.one{
    list-style:none;
    padding: 0px 30px;
    margin: 10px;
}

li{
    display: inline;
    color: black;
}

.top a:hover{
    color: blue;
}

.image{
    width:280px;
    margin: 40px 800px;
}

.search{
                  
            margin: 15px 600px;
            padding: 10px 0px;
            display: flex;
            /*border: 1px solid red;*/
        }

.search input{
            outline: none;
            border: 1px solid #c0c0c0;
            padding-left: 20px;
            width:500px;
            height: 36px;
        }

        .search button{
            float: right;
            width: 100px; 
            height: 36px;
            background-color:dodgerblue ;
            color: white;
            border-style: none;
            outline: none;
            padding: 10px;
        }

        .search button {
            font-style: normal;
        }

 .download{
     width: 118px;
     height:118px ;
     margin-left: 47%;
     margin-top: 250px;
     padding: 5px;
 }       

 p{
    margin-left: 47%;    
 }

 .words{
    margin-left: 46%;
    color: #978f8fb7;    
 }

 .tail{
     background-color: #f8f6f6f3;
     width:100% ;
     height: 40px;
     position: fixed;
     bottom: 0px;
     left: 0px;
     line-height: 2.8em;
 }

 .underline a{
    text-decoration:none;
    font-size: 14px;
    color: #79757577;
    margin-right:14px ;
 }

 .underline li{
    color: #79757577;
 }

 .underline p{
     text-align: right;
 }
</style>
    <body>
        <div class="top">
        <ul class="one">
           <li><a href="https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_pc_1" style="color: crimson;">抗击肺炎</a></li>
           <li><a href="http://news.baidu.com/">新闻</a></li>
           <li><a href="https://www.hao123.com/?1586333769">hao123</a></li>
           <li><a href="https://map.baidu.com/@11907578,3198281,13z">地图</a></li>
           <li><a href="http://v.baidu.com/">视频</a></li>
           <li><a href="https://tieba.baidu.com/index.html">贴吧</a></li>
           <li><a href="http://xueshu.baidu.com/">学术</a></li>
           <li><a href="https://passport.baidu.com/v2/?login">登录</a></li>
           <li><a href="#">设置</a></li>
           <li style="background-color:dodgerblue ；color:ghostwhite"><a href="#" >更多产品</a></li>
</ul>
        </div>
        <div>
            <a href="https://www.baidu.com/img/bd_logo1.png"><img  class="image" src="https://www.baidu.com/img/dong_d7ee3105570f1673ecf33f5bf2f58c35.gif" alt="Baidu" title="武汉重启，英雄归来！" placeholder="百度"></a>
            <div class="search">
            <form action="http://www.baidu.com/baidu" target="_blank">
            <input type="text" name="百度一下" value="" href="https://www.baidu.com/"/>
            <button>百度一下</button>
        </form>
            </div>
        </div>
        <div>
        <div>
            <img class="download" src="http://b.bdstatic.com/searchbox/icms/searchbox/img/code_home.png">
        <p>&nbsp;&nbsp;&nbsp;&nbsp;下载百度APP</p>
        <p class="words">有事搜一搜&nbsp;&nbsp;没事看一看</p>
        </div>
        </div>
        <div class="tail">
<ul class="underline">
    <li><a href="">设为首页</a></li>
    <li><a href="https://home.baidu.com/">关于百度</a></li>
    <li><a href="http://ir.baidu.com/">About&nbsp;baidu</a></li>
    <li><a href="http://e.baidu.com/ebaidu/home?refer=888">百度推广</a></li>
    <li><a href="http://www.baidu.com/duty/">使用百度前必读</a></li>
    <li><a href="https://passport.baidu.com/v2/?login&tpl=service_feedback&u=http%3A%2F%2Fhelp.baidu.com%2Fnewadd%3Fprod_id%3D1%26category%3D4">意见反馈</a></li>
    <li><a href="https://help.baidu.com/">帮助中心</a></li>

    <li><p>@2020baidu</p></li>
    <li><p>（京）-经营性-2017-0020</p></li>
    <li><p><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">京公网安备11000002000001</a></p></li>
    <li><p>京ICP证030173</p></li>
</ul>
        </div>
    </body>
    </html>